<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>新东莞培训机构教学系统</title>
  <link rel="stylesheet" href="static/layui/css/layui.css">
  <style>
  	.character-2{
  		font-weight : bold;
  		text-align:center;
  		font-size:80px;
  	}
  	.character-1{
  		font-weight : bold;
  		color: #1E9FFF;
  	}

  </style>
</head>
<body class="layui-layout-body" >
<div class="layui-layout layui-layout-admin" >
  <div class="layui-header layui-bg-blue">
    <div class="layui-logo layui-bg-blue">新东莞培训机构教学系统</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left layui-bg-blue">
      <li class="layui-nav-item"><a href="Homepage.jsp">首页</a></li>
      <li class="layui-nav-item "><a href="Classespage.jsp">课程</a></li>
      <li class="layui-nav-item layui-this"><a href="Newspage.jsp">新闻</a></li>
    </ul>
    <ul class="layui-nav layui-layout-right layui-bg-blue">
	
      <li class="layui-nav-item">	
      	<li class="layui-nav-item"><a href="Login.jsp">登录</a></li>
      	<li class="layui-nav-item"><a href="">学员注册</a></li>
      </li>
    </ul>
  </div>
  

	
  
  <div class="layui-body ">
  <div class="layui-col-md10">
  <br><br>
  	<h1 class="character-2">机构新闻</h1>
  	</div>
  	<HR align=center width=1100 color=#987cb9 SIZE=3>
  	<br><br><br>
  <div class="layui-col-md10">
  	<div class="layui-carousel" id="top">
			  <div carousel-item>
			    <div><img alt="" width="100%" height="100%" src="picture/class1.png"></div>
			    <div><img alt="" width="100%" height="100%" src="picture/class2.png"></div>
			    <div><img alt="" width="100%" height="100%" src="picture/class1.png"></div>
			    <div><img alt="" width="100%" height="100%" src="picture/class2.png"></div>
			  </div>
	  </div>
	</div>
	
	<br><br><HR align=center width=1100 color=#987cb9 SIZE=3><br>
    <div class="layui-row layui-col-space30">
		
		<div class="layui-col-md10 layui-col-space30">
			

			<div class="layui-row ">
				<h3 class="character-1">习近平在气候雄心峰会上发表重要讲话</h3><br>
				12月12日，国家主席习近平在气候雄心峰会上通过视频发表题为《继往开来，开启全球应对气候变化新征程》的重要讲话，宣布中国国家自主贡献一系列新举措。 
　　习近平强调，5年前，各国领导人以最大的政治决心和智慧推动达成应对气候变化《巴黎协定》。5年来，《巴黎协定》进入实施阶段，得到国际社会广泛支持和参与。当前，国际格局加速演变，新冠肺炎疫情触发对人与自然关系的深刻反思，全球气候治理的未来更受关注。
			</div>
			<div class="layui-row ">
				<h3 class="character-1">长春冰雪新天地开门迎客</h3><br>
				12月12日晚，吉林省长春市长春冰雪新天地开门迎客。该园区占地面积达138万平方米，用冰量24万立方米、用雪量22万立方米，冰雪单体建筑达到142个，包括古韵东方、冰雪情缘、趣味童年、梦幻西游等九大主题区。
				12月12日晚，吉林省长春市长春冰雪新天地开门迎客。该园区占地面积达138万平方米，用冰量24万立方米、用雪量22万立方米，冰雪单体建筑达到142个，包括古韵东方、冰雪情缘、趣味童年、梦幻西游等九大主题区。
			</div>
			<div class="layui-row ">
				<h3 class="character-1">习近平在气候雄心峰会上发表重要讲话</h3><br>
				12月12日，国家主席习近平在气候雄心峰会上通过视频发表题为《继往开来，开启全球应对气候变化新征程》的重要讲话，宣布中国国家自主贡献一系列新举措。 
　　习近平强调，5年前，各国领导人以最大的政治决心和智慧推动达成应对气候变化《巴黎协定》。5年来，《巴黎协定》进入实施阶段，得到国际社会广泛支持和参与。当前，国际格局加速演变，新冠肺炎疫情触发对人与自然关系的深刻反思，全球气候治理的未来更受关注。
			</div>
			<div class="layui-row ">
				<h3 class="character-1">长春冰雪新天地开门迎客</h3><br>
				12月12日晚，吉林省长春市长春冰雪新天地开门迎客。该园区占地面积达138万平方米，用冰量24万立方米、用雪量22万立方米，冰雪单体建筑达到142个，包括古韵东方、冰雪情缘、趣味童年、梦幻西游等九大主题区。
				12月12日晚，吉林省长春市长春冰雪新天地开门迎客。该园区占地面积达138万平方米，用冰量24万立方米、用雪量22万立方米，冰雪单体建筑达到142个，包括古韵东方、冰雪情缘、趣味童年、梦幻西游等九大主题区。
			</div>
			<div class="layui-row ">
				<h3 class="character-1">习近平在气候雄心峰会上发表重要讲话</h3><br>
				12月12日，国家主席习近平在气候雄心峰会上通过视频发表题为《继往开来，开启全球应对气候变化新征程》的重要讲话，宣布中国国家自主贡献一系列新举措。 
　　习近平强调，5年前，各国领导人以最大的政治决心和智慧推动达成应对气候变化《巴黎协定》。5年来，《巴黎协定》进入实施阶段，得到国际社会广泛支持和参与。当前，国际格局加速演变，新冠肺炎疫情触发对人与自然关系的深刻反思，全球气候治理的未来更受关注。
			</div>
			<div class="layui-row ">
				<h3 class="character-1">长春冰雪新天地开门迎客</h3><br>
				12月12日晚，吉林省长春市长春冰雪新天地开门迎客。该园区占地面积达138万平方米，用冰量24万立方米、用雪量22万立方米，冰雪单体建筑达到142个，包括古韵东方、冰雪情缘、趣味童年、梦幻西游等九大主题区。
				12月12日晚，吉林省长春市长春冰雪新天地开门迎客。该园区占地面积达138万平方米，用冰量24万立方米、用雪量22万立方米，冰雪单体建筑达到142个，包括古韵东方、冰雪情缘、趣味童年、梦幻西游等九大主题区。
			</div>
			<div class="layui-row ">
				<h3 class="character-1">习近平在气候雄心峰会上发表重要讲话</h3><br>
				12月12日，国家主席习近平在气候雄心峰会上通过视频发表题为《继往开来，开启全球应对气候变化新征程》的重要讲话，宣布中国国家自主贡献一系列新举措。 
　　习近平强调，5年前，各国领导人以最大的政治决心和智慧推动达成应对气候变化《巴黎协定》。5年来，《巴黎协定》进入实施阶段，得到国际社会广泛支持和参与。当前，国际格局加速演变，新冠肺炎疫情触发对人与自然关系的深刻反思，全球气候治理的未来更受关注。
			</div>
			<div class="layui-row ">
				<h3 class="character-1">长春冰雪新天地开门迎客</h3><br>
				12月12日晚，吉林省长春市长春冰雪新天地开门迎客。该园区占地面积达138万平方米，用冰量24万立方米、用雪量22万立方米，冰雪单体建筑达到142个，包括古韵东方、冰雪情缘、趣味童年、梦幻西游等九大主题区。
				12月12日晚，吉林省长春市长春冰雪新天地开门迎客。该园区占地面积达138万平方米，用冰量24万立方米、用雪量22万立方米，冰雪单体建筑达到142个，包括古韵东方、冰雪情缘、趣味童年、梦幻西游等九大主题区。
			</div>
		
		<div class="layui-col-md2">
		
		</div>
		<div class="layui-col-md10">
		<div id="test1"></div>
		</div>
	</div>
	

  </div>
  
</div>


<script src="static/layui/layui.js"></script>
<script>
//JavaScript代码区域
layui.use(['element','carousel','laypage'], function(){
  var element = layui.element,
  carousel = layui.carousel
  ,laypage = layui.laypage;
  
  laypage.render({
	    elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
	    ,count: 50 //数据总数，从服务端得到
	    ,theme: '#1E9FFF'
	  });
	
  
  carousel.render({
	    elem: '#news'
	    ,width: '100%' //设置容器宽度
	    ,arrow: 'always' //始终显示箭头
	    ,height: '400px'
	    //,anim: 'updown' //切换动画方式
	});
  
  carousel.render({
	    elem: '#top'
	    ,width: '100%' //设置容器宽度
	    ,arrow: 'always' //始终显示箭头
	    ,height: '400px'
	    //,anim: 'updown' //切换动画方式
	});
  
  carousel.render({
	    elem: '#class'
	    ,width: '100%' //设置容器宽度
	    ,arrow: 'always' //始终显示箭头
	    ,height: '400px'
	  });
});
</script>
</body>
</html>